<template>
  <div class="newpro-card mb30">
    <nuxt-link :to="'/product?pid='+newpro.product_id" class="d-block">
      <div class="card-img">
        <img :src="newpro.img" class="w100p" alt="">
      </div>
      <div class="card-msg mt10">
        <div class="flx-bm">
          <p class="fz16 fwb mb3 lh22 clr5">{{newpro.title}}</p>
          <p class="fz16 fwb lh18 clr2">￥{{newpro.price}}</p>
        </div>
        <div class="flx-bm">
          <p class="fz12 lh16 mb3 clr7">{{newpro.desc}}</p>
          <a href="" class="btna clr14 fz12">立即购买</a>
        </div>
      </div>
    </nuxt-link>
  </div>
</template>

<script>
  export default {
    props: {
      newpro: {
        type: Object,
        default () {
          return {}
        }
      }
    },
  }
</script>

<style scoped lang="stylus">
.card-img
  width: 100%
  height: @width*0.56
.btna
  btna(80px, 24px, color2)
</style>
